<template>
    <div class="zhuan" >
        <div class="ke">
            <div>{{ specialized_clinic_title }}</div>
            <div class="zi">
                {{ specialized_clinic_sub_title }}
            </div>
        </div>
        <div class="zhuan_tu">
            <div>
                <img src="https://resourced.chunyu.mobi/dTAAAACeo4uJJboX-436bf96b-95f2-468e-971b-0b70036dfa03_w330_h186_.png"
                    alt="" width="100%" />
            </div>
            <div @click="Tce">
                <img src="https://resourced.chunyu.mobi/mMQAAAD5wjKNJboX-f745c3bf-979e-4df2-9492-4ac4e33c4996_w330_h186_.png"
                    alt="" width="100%" />
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { ref } from "vue"
const specialized_clinic_title = ref('专科门诊')
const specialized_clinic_sub_title = ref('春雨高复诊率、高口碑名医')

import { useRouter } from 'vue-router'

const router = useRouter()

// 春雨健康顾问
const Tce = () => {
  router.push('/Tce')
}




</script>

<style lang="scss" scoped>
//专科门诊
.zhuan {
    width: 100%;
    height: 150px;
    background: white;
    // margin-top: 20px;

    .ke {
        height: 50px;
        display: flex;
        align-items: center;
        background: white;
        .zi{
            margin-left: 10px;
        }
    }

    .zhuan_tu {
        display: flex;
        justify-content: space-between;
        div {
            width: 48%;
            img{
                border-radius: 5px;
            }
        }
    }
}

.zi {
    font-size: 12px;
    color: #ccc;
}
</style>